<%--
    Document   : consultarAST
    Created on : 19/11/2010, 07:56:27 AM
    Author     : Quicksoft
--%>

<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<% request.setAttribute("allowed", "Gestionar Analisis de Seguridad");%>
<%@ include file='../Templates/security.jsp' %>

<h1 class="title">Gestión de AST</h1>
<hr>
<p class="meta"></p>
<div class="entry">
    <center>
        <h2>Consultar AST</h2>
        <form id="consultarAstForm" action="javascript:void(0);">
            <table cellspacing="5px;">
                <tbody>
                    <tr><td>Cédula del Implicado:</td>
                        <td><select name="nacionalidad" id="nacionalidad" class="filter">
                                <option value="V">V</option>
                                <option value="E">E</option>
                            </select>
                            -
                            <input type="text" id="ci" name="ci" size="20" class="filter">
                        </td>
                    </tr>
                    <tr>
                        <td>Realizado por:</td>
                        <td><input type="text" name="realizadoPor" size="27" class="filter"/>
                    </tr>
                    <tr><td>Fecha de creación:</td>
                        <td><input  name="fecha"  id="fechaAst" /></td>
                    </tr>
                    <tr><td>Fecha de última modificación:</td>
                        <td><input  name="fechaModificacion"  id="fechaModificacion" class="filter"/></td>
                    </tr>
                    <tr><td>Sede:</td>
                        <td>
                            <select  name="sede"  id="Sedes" class="filter">
                                <option value="">-</option>
                            </select>
                        </td>
                    </tr>
                    <tr><td>Cargo:</td>
                        <td>
                            <select id="Cargo" name="cargo" onchange="listaPuestos(value)" class="filter">
                                <option value="">-</option>
                            </select>
                        </td>
                    </tr>
                    <tr><td>Puesto de Trabajo Asociado:</td>
                        <td>
                            <select  name="puesto_trabajo"  id="Puestos" class="filter">
                                <option value="">-</option>
                            </select>
                        </td>
                    </tr>
                </tbody>
            </table>
            <div style="clear: both;">&nbsp;</div>
            <html:button property="" value="Mostrar Todo" onclick="consultarASTTodo()"/>
            <html:button property="" value="Consultar" styleId="consultarForm" onclick="consultarAST()" styleClass="oculta"/>
            <html:reset property="" styleId="resetForm" value="Limpiar" styleClass="oculta"/>
            <html:button property="" styleClass="back" value="Atrás"/>
        </form>

        <br><div style="clear: both;">&nbsp;</div><br>
        <div id="obs"></div><br>
        <div id="consultarAST">
            <table cellpadding="0" cellspacing="0" border="0" id="table" class="sortable" style="overflow:auto">
                <thead id="head">
                    <tr>
                        <th><h5><div class="ordenar" onclick="orden('cedula');" >Cédula</div></h5></th>
                        <th><h5><div class="ordenar" onclick="orden('apellido_1');" >Nombre</div></h5></th>
                        <!-- <th><h5><div class="ordenar" onclick="orden('pt.nombre_cargo');" >Cargo</div></h5></th> -->
                        <th><h5><div class="ordenar" onclick="orden('pt.nombre_puesto');" >Puesto de Trabajo</div></h5></th>
                        <th><h5><div class="ordenar" onclick="orden('fecha_ast');" >Creado</div></h5></th>
                        <th><h5><div class="ordenar" onclick="orden('fecha_modificacion');" >Modificado</div></h5></th>
                        <th><h5>PDF</h5></th>
                        <th><h5> Modificar </h5></th>
                    </tr>
                </thead>
                <tbody id="resultado"></tbody>
            </table>
            <%@ include file="../Templates/paginasTabla.jsp" %>
        </div>
        <div style="clear: both;">&nbsp;</div>
    </center>
</div>
<div style="clear: both;">&nbsp;</div>
<script type="text/javascript">
    $('.filter').change(function(){
        offset = 0;
        consultarAST();
    });
    $(function() {
        $("#consultarAST").hide();
        $("#fechaAst").datepicker({
            dateFormat: 'dd/mm/yy',
            maxDate: new Date(),
            showOn: "button",
            buttonImage: "style/images/calendar.gif",
            buttonText: "calendario"
        }).attr('readonly', true);
        $('#fechaModificacion').datepicker({
            dateFormat: 'dd/mm/yy',
            maxDate: new Date(),
            showOn: "button",
            buttonImage: "style/images/calendar.gif",
            buttonText: "calendario"
        }).attr('readonly', true);

        listaCargos();
        listaSedes();
        consultarAST();
    });
    
    function consultarAST(){
        limit = $('#limit').val();
        $.ajax({
            type: 'POST',
            url:"listarAST.do?limit="+limit+"&offset="+offset+"&order="+order+"&asc="+asc,
            data: $('#consultarAstForm').serialize(),
            dataType: 'json',
            success: proceessListarAST
        });
    }

    function proceessListarAST(data) {
        $('#resultado').html("");
        $.each(data.asts, function(i,item){
            if ( (i % 2) == 0) fila = $("<tr bgcolor='#fff'>");
            else fila = $("<tr bgcolor='#ecf2f6'>");

            fila.append($("<td>").append(item.ci));
            fila.append($("<td>").append(item.nombre));
            //fila.append($("<td>").append(item.email+"<br>"+item.telefono));
            //fila.append($("<td>").append(item.cargo));
            fila.append($("<td>").append(item.puesto_trabajo +"<br>("+item.sede+")"));
            fila.append($("<td>").append(item.fecha));
            fila.append($("<td>").append(item.modificacion));
            pdf = "<a href='generarAST.do?id_ast="+item.id_ast+"&imagePath="+imagePath_SHA+"'><img  src='style/images/pdf.gif' alt='' width='20' height='20'></a>";
            fila.append($("<td>").append(pdf));
            mod = "<img onclick='return astM("+item.id_ast+");' src='style/images/table_edit1.png' alt='Modificar AST' width='20' height='20'>";
            fila.append($("<td>").append(mod));
            $('#resultado').append(fila);
        });
        tam = data.tam
        if(tam==0){
            $("#obs").html('<h4>No hay resultados que coincidan con los parametros dados.</h4>');
            $("#consultarAST").hide();
        } else {
            $("#obs").html('OBSERVACIÓN: Para ordenar la tabla por un campo específico, presionar el nombre de la columna.');
            $("#currentpage").html((offset/limit)+1);
            $("#pagelimit").html(Math.ceil(tam/limit));
            $("#consultarAST").show();
        }
    }

    function consultarASTTodo(){
        $('#resetForm').click();
        $('#Puestos').empty();
        consultarAST();
    }
</script>